<?xml version="1.0" encoding="ISO-8859-1"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:pcc="http://java.sun.com/jsf/composite/pcc"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:icecore="http://www.icefaces.org/icefaces/core"
	xmlns:ice="http://www.icesoft.com/icefaces/component"
	xmlns:ace="http://www.icefaces.org/icefaces/components">
	<ice:panelGrid styleClass="ui-dialog-content formulario" columns="1" style="border-collapse: separate; border-spacing: 2px;">
		<ice:panelGrid styleClass="ui-dialog-content formulario" id="contactoFormWrapper">
		
			<ice:outputText styleClass="ui-dialog-title" value="#{fcMessages.getMsg('mensaje.motivoContacto')}" />
			<ice:selectOneMenu id="mensajeMotivoContacto" value="${fcContactenos.mensaje.motivoContacto.codigo}" partialSubmit="true" required="true">
				<f:selectItem itemLabel="#{fcMessages.getMsg('app.labelSelectVacio')}" itemValue="" />
				<c:forEach items="#{fcContactenos.motivosContacto}" var="motivoContacto">
					<f:selectItem itemLabel="#{motivoContacto.nombre}" itemValue="#{motivoContacto.codigo}" />
				</c:forEach>
			</ice:selectOneMenu>
			<ice:message for="mensajeMotivoContacto" />
		
			<ice:outputText styleClass="ui-dialog-title" value="#{fcMessages.getMsg('mensaje.nombre')}" />
			<h:inputText id="mensajeNombre" value="${fcContactenos.mensaje.nombre}" partialSubmit="true" required="true">
				<f:validateLength maximum="120"/>
			</h:inputText>
			<ice:message for="mensajeNombre" />
				
			<ice:outputText styleClass="ui-dialog-title" value="#{fcMessages.getMsg('mensaje.email')}" />
			<h:inputText id="mensajeEmail" value="${fcContactenos.mensaje.email}" partialSubmit="true" required="false">
				<f:validateLength maximum="120"/>
			</h:inputText>
			<ice:message for="mensajeEmail" />
			
			<ice:outputText styleClass="ui-dialog-title" value="#{fcMessages.getMsg('mensaje.telefono')}" />
			<h:inputText id="mensajeTelefono" value="${fcContactenos.mensaje.telefono}" partialSubmit="true" required="false">
				<f:validateLength maximum="7"/>
			</h:inputText>
			<ice:message for="mensajeTelefono" />
			
			<ice:outputText styleClass="ui-dialog-title" value="#{fcMessages.getMsg('mensaje.celular')}" />
			<h:inputText id="mensajeCelular" value="${fcContactenos.mensaje.celular}" partialSubmit="true" required="false">
				<f:validateLength maximum="10"/>
			</h:inputText>
			<ice:message for="mensajeCelular" />	
			
			<ice:outputText styleClass="ui-dialog-title" value="#{fcMessages.getMsg('mensaje.adjunto')}" />
			<ice:outputText styleClass="ui-dialog-title" value="#{fcContactenos.mensaje.nombreAdjunto}" />
			<ace:fileEntry id="mensajeAdjunto" 
				relativePath="/tmp/"
				maxFileCount="1"  
				fileEntryListener="#{fcContactenos.adjuntoListener}" 
				maxFileSize="#{fcMessages.getMsg('app.maxFileSize')}" 
				maxFileSizeMessage="#{fcMessages.getMsg('file.maxSizeFile')}"             
				useOriginalFilename="true"
				immediate="true" 
				useSessionSubdir="true"
				required="false"/>
			<ice:message for="mensajeAdjunto" />
			
			<ice:outputText styleClass="ui-dialog-title" value="#{fcMessages.getMsg('mensaje.mensaje')}" />
			<h:inputTextarea id="mensajeMensaje" value="${fcContactenos.mensaje.mensaje}" partialSubmit="true" required="true" rows="10" cols="40">
			</h:inputTextarea>
			<ice:message for="mensajeMensaje" />			                                                    
			
		</ice:panelGrid>
		<h:commandButton id="submit" type="submit" value="#{fcMessages.getMsg('button.grabar')}" action="#{fcContactenos.grabarMensaje}"/>
	</ice:panelGrid>
</ui:composition>